<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <div class="b">
      <common class="c"></common>
      <private-b class="b-b"></private-b>
    </div>
  </div>
</template>

<script>
import Test from '@/global/js/utils/test.js'
// 引入公共的组件
import Common from '@/global/components/Common'
// 引入项目B私有的组件
import PrivateB from '../components/PrivateB'

export default {
  name: 'home',
  components: {
    Common,
    PrivateB,
  },
  metaInfo: {
    title: '我是头部',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width' },
      { vmid: 'description', name: 'description', content: '我是描述！！！' },
    ],
  },
  mounted() {
    console.log('Test', Test.name)
  },
}
</script>

<style lang="scss" scoped>
.b {
  width: 800px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  .c {
    flex: 1;
  }
  .b-b {
    flex: 1;
  }
}
</style>
